@charset "utf-8";
/* 狮吼TV */

body      { margin:0; font-size:14px; font-family:"黑体"; background:#5d0d0d; color:#fff; }
.kpl img  { width:100%; display:block; }
.boxImg   { position:relative; }
.btn { margin-left:-20%; width:40%; display:block; position:absolute; left:50%; bottom:15%; z-index:3; }


/*// phb /////////*/
/* phbTab */
.phb      { margin:0 20px; padding:30px 0 40px; border:1px solid #6f0104; background:#450102; position:relative; }
.phbTitle { margin-left:-32%; width:64%; position:absolute; left:50%; top:-16px; z-index:3; }
.btnMore  { margin-left:-20%; width:40%; position:absolute; left:50%; bottom:0; z-index:3;  }

/* phbList */
.phbList                    { overflow:hidden; }
.phbList li                 { float:left; margin:8px 0; width:50%; height:44px; }
.phbList li a               { height:44px; display:block; position:relative; }
.phbList .liveHead          { width:40px; height:40px; display:block; border:2px solid #403120; border-radius:50%; position:absolute; top:0; z-index:3; }
.phbList .liveNo1 .liveHead { border:2px solid #ffffff; }
.phbList .liveNo2 .liveHead { border:2px solid #d3cddb; }
.phbList .liveNo3 .liveHead { border:2px solid #e2ae6f; }
.phbList .liveNo4 .liveHead { border:2px solid #ffffff; }
.phbList .liveName          { margin-top:5px; font-size:14px; color:#fff; }
.phbList .liveNum           { font-size:12px; color:#feec9a; }
.phbList .liveName,.phbList .liveNum { height:18px; line-height:18px; display:block; overflow:hidden; }
.loader-inner               { margin:-10px 0 0 -10px; width:20px; height:20px; position:absolute; left:50%; top:50%; z-index:5; }
.listNo4 { display:none; }

/* anchor */
.phbList .anchor .liveHead    { right:0; }
.phbList .anchor .liveHead img{ border-radius:50%; }
.phbList .anchor .liveWrap    { width:40px; height:40px; display:block; position:relative; }
.phbList .anchor .liveWrap img{ border-radius:50%; }
.phbList .anchor a            { margin-right:20px; padding-right:54px; }
.phbList .anchor .liveName,.phbList .anchor .liveNum { text-align:right; }
.phbList .anchor .liveIcon    { width:30px; height:20px; background:url(../img/live.png)no-repeat; background-size:30px 20px; position:absolute; top:-4px; left:0; z-index:5; }
.phbList .anchor .liveOpacity { width:40px; height:40px; display:block; border-radius:50%; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:4; }
.phbList .anchor .liveRanking { width:20px; display:block; position:absolute; right:-30px; top:10px; z-index:2; }
.phbList .anchor .liveNo4 .liveRanking { width:20px; height:20px; border-radius:3px; line-height:20px; text-align:center; display:block; background:#c93e40; color:#fff; position:absolute; right:-30px; top:10px; z-index:3; }

/* user */
.phbList .user .liveHead { left:0; }
.phbList .user .liveHead img { border-radius: 50%; }
.phbList .user a { margin-left:20px; padding-left:54px; }
.phbList .user .liveName,.phbList .user .liveNum { text-align:left; }

/*// login /////////*/
.loginIn           { margin:0 0 10px; height:30px; line-height:30px; text-align:center; }
.loginIn .pm       { margin:0 30px; display:block;  }
.loginIn .pm a     { float:left; width:50%; color:#fbb78a;}
.loginCont         { display:block; color:#fbb78a; }
.loginCont a       { margin-left:5px; text-decoration:underline; color:#fbb78a; }

/* 弹窗 */
.pop     { position:fixed; left:20%; top:47%; width:60%; height:30px; font-size:14px; line-height:30px; text-align:center; display:none; border-radius:5px; z-index:999; color:#fff; background:url(../img/5.png) repeat; }
.space   { height:20px; }

/* 正在直播动画 */
.line-scale-pulse-out > div { margin:2px; width:4px; height:35px; border-radius:2px; display:inline-block; background-color:#fff; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation:line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { -webkit-animation-delay:-0.4s !important; animation-delay:-0.4s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { -webkit-animation-delay:-0.2s !important; animation-delay:-0.2s !important; }
.line-scale-pulse-out > div { float:left; margin:0 1px; width:2px; height:20px; border-radius:1px; display:inline-block;}

@-webkit-keyframes line-scale-pulse-out {
	0%   { -webkit-transform:scaley(1); }
	50%  { -webkit-transform:scaley(0.4); }
	100% { -webkit-transform:scaley(1); } 
}

@keyframes line-scale-pulse-out {
	0%   { transform:scaley(1); }
	50%  { transform:scaley(0.4); }
	100% { transform:scaley(1); } 
}









